<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>品牌管理</title>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">

    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../plugins/angularjs/angular.min.js"></script>
    <!--	分页开始-->
    <script src="../plugins/angularjs/pagination.js"></script>
    <link rel="stylesheet" href="../plugins/angularjs/pagination.css">

    <script type="text/javascript">
        //数据传输
        var app = angular.module('springboot',['pagination']);
        app.controller('UserController',function ($scope,$http) {

            $scope.loginName = localStorage.getItem("username");
            $scope.loginPassword = localStorage.getItem("password");
            var admin = "admin";
            $scope.findAll = function () {
                $http.get('../user/findAll').success(
                    function (response) {
                        $scope.list = response;
                    })
            };

            //fenye
            $scope.paginationConf = {
                currentPage:1,
                totalItems:10,
                itemsPerPage:10,
                perPageOptions:[10,20,30,40,50],
                onChange:function () {
                    $scope.reloadList();
                }
            }

            $scope.findpage = function (page,size) {
                $http.get('../user/findPage?page='+ page +'&size='+ size).success(function (response) {
                    if (loginName != admin){
                        $scope.experion = true;
                    }
                    $scope.list = response.rows;
                    $scope.paginationConf.totalItems = response.total;
                })
            }
            //添加
            $scope.add = function(){
                $http.post('/user/insertUser',$scope.text).success(function (response) {
                    if (response.success){
                        $scope.reloadList();
                    }else {
                        alert(response.message);
                    }
                })
            }
            //修改
            $scope.update = function () {
                $http.post('../user/update',$scope.text).success(function (response) {
                    if (response.success){
                        $scope.reloadList();
                    }else {
                        alert(response.message);
                    }

                })
            }
            //刷新
            $scope.reloadList = function(){
                $scope.findpage($scope.paginationConf.currentPage,$scope.paginationConf.itemsPerPage);
            }
            //
            //查询一个的信息并显示
            $scope.findOne = function (id) {
                $http.get('../user/findOne?id='+id).success(function (response) {
                    $scope.text = response;
                })
            }
            //勾选
            $scope.selectIds = [];
            $scope.updateID = function($event,id){
                if ($event.target.checked) {
                    $scope.selectIds.push(id);
                }else {
                    var index = $scope.selectIds.indexOf(id);
                    $scope.selectIds.splice(index,1);
                }
            }
            //删除
            $scope.dele=function () {
                $http.get('../user/delete?ids='+$scope.selectIds).success(function (response) {
                    if (response.success) {
                        $scope.reloadList();
                    }else{
                        alert(response.message);
                    }
                })
            }

            //查询
            $scope.search={}
            $scope.select = function () {
                $http.get('../user/selectByUsername?username='+$scope.search.username).success(function (response){
                    $scope.anothertext = response;
                })
            }

        });
    </script>



</head>
<body class="hold-transition skin-red sidebar-mini" ng-app="springboot" ng-controller="UserController">
<!-- .box-body -->
<div class="box-header with-border">
    <h3 class="box-title">欢迎你，{{loginName}}</h3>
</div>

<div class="box-body">

    <!-- 数据表格 -->
    <div class="table-box">

        <!--工具栏-->
        <div class="pull-left">
            <div class="form-group form-inline">
                <div class="btn-group">
                    <button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#editModal" ><i class="fa fa-file-o"></i> 新建</button>
                    <button type="button" class="btn btn-default" title="删除" ng-click="dele()"><i class="fa fa-trash-o"></i> 删除</button>
                    <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
                </div>
            </div>
        </div>
        <!--工具栏/-->
        <div class="box-tools pull-right">
            <div class="has-feedback">
                名称搜索：<input ng-model="search.username">
                <button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal3" ng-click="select()">查询</button>
            </div>
        </div>
        <!--数据列表-->
        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
            <thead>
            <tr>
                <th class="" style="padding-right:0px">
                    <input id="selall" type="checkbox" class="icheckbox_square-blue">
                </th>
                <th class="sorting_asc">用户ID</th>
                <th class="sorting">手机</th>
                <th class="sorting">邮箱</th>
                <th class="sorting">用户密码</th>
                <th class="sorting">用户名称</th>
                <th class="sorting">状态</th>
                <th class="sorting">激活码</th>
                <th class="text-center">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="entity in list">
                <td><input  type="checkbox" ng-click="updateID($event,entity.id)"></td>
                <td>{{entity.id}}</td>
                <td>{{entity.phone}}</td>
                <td>{{entity.email}}</td>
                <td>{{entity.password}}</td>
                <td>{{entity.username}}</td>
                <td>{{entity.status}}</td>
                <td>{{entity.code}}</td>
                <td class="text-center">
                    <button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal2" ng-click="findOne(entity.id)">修改</button>
                </td>
            </tr>

            </tbody>
        </table>
        <!--数据列表/-->
        <tm-pagination conf="paginationConf"></tm-pagination>
        {{search.username}}
    </div>
    <!-- 数据表格 /-->




</div>
<!-- /.box-body -->

<!-- 编辑窗口 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">用户添加</h3>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-striped"  width="800px">
                    <tr>
                        <td>用户手机</td>
                        <td><input  class="form-control" placeholder="用户手机" ng-model="text.phone">  </td>
                    </tr>
                    <tr>
                        <td>用户邮箱</td>
                        <td><input  class="form-control" placeholder="用户邮箱" ng-model="text.email">  </td>
                    </tr>
                    <tr>
                        <td>用户密码</td>
                        <td><input  class="form-control" placeholder="用户密码" ng-model="text.password">  </td>
                    </tr>
                    <tr>
                        <td>用户名称</td>
                        <td><input  class="form-control" placeholder="用户名称" ng-model="text.username">  </td>
                    </tr>
                    <tr>
                        <td>状态</td>
                        <td><input  class="form-control" placeholder="状态" ng-model="text.status">  </td>
                    </tr>
                    <tr>
                        <td>激活码</td>
                        <td><input  class="form-control" placeholder="激活码" ng-model="text.code">  </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="add()">保存</button>
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 编辑窗口 -->
<div class="modal fade" id="editModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel2">用户修改</h3>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-striped"  width="800px">
                    <tr>
                        <td>用户手机</td>
                        <td><input  class="form-control" placeholder="用户手机" ng-model="text.phone">  </td>
                    </tr>
                    <tr>
                        <td>用户邮箱</td>
                        <td><input  class="form-control" placeholder="用户邮箱" ng-model="text.email">  </td>
                    </tr>
                    <tr>
                        <td>用户密码</td>
                        <td><input  class="form-control" placeholder="用户密码" ng-model="text.password">  </td>
                    </tr>
                    <tr>
                        <td>用户名称</td>
                        <td><input  class="form-control" placeholder="用户名称" ng-model="text.username">  </td>
                    </tr>
                    <tr>
                        <td>状态</td>
                        <td><input  class="form-control" placeholder="状态" ng-model="text.status">  </td>
                    </tr>
                    <tr>
                        <td>激活码</td>
                        <td><input  class="form-control" placeholder="激活码" ng-model="text.code">  </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="update()">保存</button>
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- 编辑窗口 -->
<div class="modal fade" id="editModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel3">查询到的用户信息</h3>
            </div>
            <div class="modal-body">
                <table class="table table-bordered table-striped"  width="800px">
                    <tr>
                        <td>用户手机</td>
                        <td><input  class="form-control" placeholder="用户手机" ng-model="text.phone">  </td>
                    </tr>
                    <tr>
                        <td>用户邮箱</td>
                        <td><input  class="form-control" placeholder="用户邮箱" ng-model="text.email">  </td>
                    </tr>
                    <tr>
                        <td>用户密码</td>
                        <td><input  class="form-control" placeholder="用户密码" ng-model="text.password">  </td>
                    </tr>
                    <tr>
                        <td>用户名称</td>
                        <td><input  class="form-control" placeholder="用户名称" ng-model="text.username">  </td>
                    </tr>
                    <tr>
                        <td>状态</td>
                        <td><input  class="form-control" placeholder="状态" ng-model="text.status">  </td>
                    </tr>
                    <tr>
                        <td>激活码</td>
                        <td><input  class="form-control" placeholder="激活码" ng-model="text.code">  </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>